.w420 {
    width: 420px;
}
.w220 {
  width: 220px;
}
.mt16 {
    margin-top: 16px;
}
.box_list {
    height: calc(100vh - 208px);
}
.mr8{
    margin-right: 8px;
}
.mainPicUnit > img {
    width: 64px;
    height: 48px;
    margin-right: 10px;
    border: 2px solid #eee;
    border-radius: 4px;
}
.thumbnail > img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-right: 10px;
}
.file-link {
    display: inline-block;
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.btns > button{
    margin-right: 10px;
}
.active, .online {
    color: #87d068;
}
.default, .offline {
    color: #ff4d4f;
}
.moduleName {
    display:inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
    width: 280px;
}
.file-type-1 {
    color: #BAE637;
}
.file-type-2 {
    color: #1890FF;
}
.file-type-3 {
    color: #ff6600;
}
.file-type-4 {
    color: red;
}
.file-type-5 {
    color: #FFC53D;
}
.file-type-6 {
    color: #C41D7F;
}
.file-type-7 {
    color: #13C2C2;
}
